import React from 'react';
import { PageContainer } from '@ant-design/pro-layout';
import { Card, Alert } from 'antd';
import { Railway } from '@/components/Railway';
import { Vehicle } from '@/components/Vehicle';

export default () => {

  return (
    <PageContainer>
      <Card>
        <Alert
          message="RGV 监控"
          type="success"
          showIcon
          banner
          style={{
            margin: -12,
            marginBottom: 24,
          }}
        />
        <Railway height={40} width={900} minPosition={85000} maxPosition={3200000}>
          <Vehicle rgvName="rgv1" ms={500} color='chocolate' url="http://localhost:5000/monitor" />
        </Railway>
      </Card>
    </PageContainer>
  );
}
